<template>
  <div>
    <h2>App根组件</h2>
    <!-- 3. 以html标签的格式，展示组件 -->
    <my-left />
    <my-right></my-right>
  </div>
</template>

<script>
// 1. 导入需要的组件
import MyLeft from '@/components/MyLeft.vue'
import MyRight from '@/components/MyRight.vue'
export default {
  data () {
    return {}
  },
  methods: {},
  computed: {}, // 计算属性
  watch: {},
  // 2. 注册组件（用固定的语法，把组件注册成html标签的格式）
  components: {
    // 注册组件【自定义的html标签: 导入的组件】
    MyLeft: MyLeft,
    MyRight: MyRight
  }
}
</script>

<style></style>
